
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="en">

	<head>
		<!-- Basic Page Needs
    ================================================== -->
		<meta charset="utf-8">
		<!--[if IE]><meta http-equiv="x-ua-compatible" content="IE=9" /><![endif]-->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>学业竞争压力</title>
		<meta name="description" content="KIDS is a clean, modern, and fully responsive Html Template. Take your Startup business website to the next level. It is designed for kindergarten, childcare, homeschooling, school, learning, playground businesses or any type of person or business who wants to showcase their work, services and professional way.">
		<meta name="keywords" content="business, care, childcare, children, clean, corporate, happykids, homeschool, kids, kindergarten, playground, responsive, school, learning">
		<meta name="author" content="rometheme.net">

		<!-- ==============================================
	Favicons
	=============================================== -->
		<link rel="shortcut icon" href="static/images/favicon.ico">
		<link rel="apple-touch-icon" href="static/images/apple-touch-icon.png">
		<link rel="apple-touch-icon" sizes="72x72" href="static/images/apple-touch-icon-72x72.png">
		<link rel="apple-touch-icon" sizes="114x114" href="static/images/apple-touch-icon-114x114.png">

		<!-- ==============================================
	CSS VENDOR
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="https://cdn.bootcss.com/twitter-bootstrap/4.2.1/css/bootstrap.min.css">
		<link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.carousel.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/owl.theme.default.min.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/magnific-popup.css">
		<link rel="stylesheet" type="text/css" href="static/css/vendor/animate.min.css">

		<!-- ==============================================
	Custom Stylesheet
	=============================================== -->
		<link rel="stylesheet" type="text/css" href="static/css/style.css" />

		<script src="static/js/vendor/modernizr.min.js"></script>

	</head>

	<body>

		<!-- LOAD PAGE -->
		<div class="animationload">
			<div class="loader"></div>
		</div>

		<!-- BACK TO TOP SECTION -->
		<a href="#0" class="cd-top cd-is-visible cd-fade-out">Top</a>

		<!-- HEADER -->
		<div class="header header-1">

			<!-- NAVBAR SECTION -->
			<div class="navbar-main">
				<div class="container">
					<nav id="navbar-example" class="navbar navbar-expand-lg">
						<a class="navbar-brand" href="index.jsp">
							<img src="images/logos.png" alt="">
						</a>
						<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
			            <span class="navbar-toggler-icon"></span>
			        </button>
						<div class="collapse navbar-collapse" id="navbarNavDropdown">
							<ul class="navbar-nav ml-auto">
								<li class="nav-item">
									<a class="nav-link" href="index.jsp">主页</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllPublishs">树洞</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="selectAllArts">解忧师</a>
								</li>
								<li class="nav-item dropdown dmenu active">
									<a class="nav-link dropdown-toggle" href="#" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
										获取更多
									</a>
									<div class="dropdown-menu">
										<a class="dropdown-item" href="faq.jsp">烦恼解答</a>									
										<a class="dropdown-item" href="love.jsp">情感烦恼</a>
										<a class="dropdown-item" href="family.jsp">家庭关系</a>
										<a class="dropdown-item" href="relationship.jsp">人际关系烦恼</a>
										<a class="dropdown-item" href="occupation.jsp">职业规划烦恼</a>
										<a class="dropdown-item" href="school.jsp">学校生活烦恼</a>										
										<a class="dropdown-item" href="pressure.jsp">学业竞争压力</a>							
									</div>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="contact.jsp">发帖求助</a>
								</li>
								<li class="nav-item">
									<a class="nav-link" href="person.jsp">个人信息</a>
								</li>
							</ul>
						</div>
					</nav>
				</div>
			</div>
		</div>

		<!-- BANNER -->
		<div class="section banner-page" data-background="static/images/banner-single.jpg">
			<div class="content-wrap pos-relative">
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<div class="title-page">学业压力</div>
				</div>
				<div class="d-flex justify-content-center bd-highlight mb-3">
					<nav aria-label="breadcrumb">
						<ol class="breadcrumb ">
							<li class="breadcrumb-item">
								<a href="index.jsp">主页</a>
							</li>
							<li class="breadcrumb-item active" aria-current="page">学业压力</li>
						</ol>
					</nav>
				</div>
			</div>
		</div>

		<!-- OUR NEWS -->
		<div class="section">
			<div class="content-wrap">
				<div class="container">

					<div class="row">

						<!-- Item 1 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-1.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">English Day on Carfr ee day</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

						<!-- Item 2 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-2.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">Play & Study with Mr s. Smith</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

						<!-- Item 3 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-3.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">Drawing at City Park</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

						<!-- Item 4 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-4.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">English Day on Carfr ee day</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

						<!-- Item 5 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-5.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">Play & Study with Mr s. Smith</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

						<!-- Item 6 -->
						<div class="col-sm-12 col-md-6 col-lg-4 mb-5">
							<div class="rs-news-1">
								<div class="media-box">
									<a href="comment.jsp"><img src="static/images/event-6.jpg" alt="" class="img-fluid"></a>
								</div>
								<div class="body-box">
									<div class="title">
										<a href="comment.jsp">Drawing at City Park</a>
									</div>
									<div class="meta-date">March 19, 2016 / 08:00 am - 10:00 am</div>
									<p>We provide high quality design at vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores...</p>
								</div>
							</div>
						</div>

					</div>

					<div class="row">
						<div class="col-sm-12 col-md-12">

							<nav aria-label="Page navigation">
								<ul class="pagination">
									<li class="page-item">
										<a class="page-link" href="#">首页</a>
									</li>
									<li class="page-item active">
										<a class="page-link" href="#">1</a>
									</li>
									<li class="page-item">
										<a class="page-link" href="#">2</a>
									</li>
									<li class="page-item">
										<a class="page-link" href="#">3</a>
									</li>
									<li class="page-item">
										<a class="page-link" href="#">下一页</a>
									</li>
								</ul>
							</nav>

						</div>
					</div>

				</div>
			</div>
		</div>

		<!-- CTA -->
		<div class="section bg-tertiary">
			<div class="content-wrap py-5">
				<div class="container">
					<div class="row align-items-center">
						<div class="col-sm-12 col-md-12">
							<div class="cta-1">
								<div class="body-text mb-3">
									<h3 class="my-1 text-secondary">马上解决解决你的烦恼!</h3>
									<p class="uk18 mb-0 text-white">有烦恼就上解忧杂货铺!</p>
								</div>
								<div class="body-action">
									<a href="contact.jsp" class="btn btn-primary mt-3">发帖求助</a>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		

		<!-- JS VENDOR -->
		<script src="static/js/vendor/jquery.min.js"></script>
		<script src="static/js/vendor/bootstrap.min.js"></script>
		<script src="static/js/vendor/owl.carousel.js"></script>
		<script src="static/js/vendor/jquery.magnific-popup.min.js"></script>
		<script src="static/js/vendor/isotope.pkgd.min.js"></script>
		<script src="static/js/vendor/imagesloaded.pkgd.min.js"></script>

		<!-- SENDMAIL -->
		<script src="static/js/vendor/validator.min.js"></script>
		<script src="static/js/vendor/form-scripts.js"></script>

		<script src="static/js/script.js"></script>

	</body>

</html>